<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>我的</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <script src="../Public/js/utils.js"></script>
    <!-- 导入JQuery库js样式 -->
    <script src="../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../Personalcenter/css/my.css">
    <!-- 导入文档的JS样式 -->
    <script src="../Personalcenter/js/my.js"></script>
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            headerOfmy.addHeader(1, '', ` <span class="icon-setting iconfont icon-31shezhi"></span> `, 1);      
            headerOfmy.addFooter(4);  
            $(function() {
                $('.icon-setting').on('click', function() {
                    window.location.assign('setting.html');
                });
                $('.detail').on('click', function() {
                    window.location.assign('personalDetail.html')
                });
                $('.cell').eq(0).on('click', function() {
                    window.location.assign('message.html')
                });
                $('.cell').eq(1).on('click', function() {
                    window.location.assign('myCollection.html')
                });
                $('.cell').eq(2).on('click', function() {
                    window.location.assign('corporateInformation.html')
                });
            })  
        }
    </script>
</head>

<body>
    <div class="box">
        <div class="information">
            <div class="img">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/__80px_u1037.png" alt="">
            </div>
            <div class="detail">
                <p>
                    <span class="name">吴珊珊</span>
                    <span class="tip">在职</span>
                </p>
                <p class="porsonal-information">
                    <span>个人资料</span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </p>
                <span class="position">产品经理</span>
            </div>
        </div>
        <div class="box1">
            <div class="cell">
                <div class="left">
                    <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1263.png" alt="">
                    </span>
                    <span class="name">我的消息</span></div>
                <div class="right">
                    <span class="amount iconfont icon-ditu-yuan">
                        <span class="liang">3</span>
                    </span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </div>
            </div>
            <div class="cell">
                <div class="left">
                    <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1268.png" alt="">
                    </span>
                    <span class="name">我的收藏</span></div>
                <div class="right">
                    <span class="amount">
                        <span class="liang"></span>
                    </span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </div>
            </div>
            <div class="cell">
                <div class="left">
                    <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1272.png" alt="">
                    </span>
                    <span class="name">企业信息</span></div>
                <div class="right">
                    <span class="amount">
                        <span class="liang"></span>
                    </span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </div>
            </div>
            <div class="cell">
                <div class="left">
                    <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1276.png" alt="">
                    </span>
                    <span class="name">帮助中心</span></div>
                <div class="right">
                    <span class="amount">
                        <span class="liang"></span>
                    </span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </div>
            </div>
            <div class="cell">
                <div class="left">
                    <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1280.png" alt="">
                    </span>
                    <span class="name">关于我们</span></div>
                <div class="right">
                    <span class="amount">
                        <span class="liang"></span>
                    </span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>